<template>
	<view class="realName">
		<uni-popup ref="popup" type="bottom" background-color="#fff" class="popOne">
			<view class="title">
				<view class=""> 实名认证 </view>
				<uni-icons type="closeempty" size="21" class="icon" @click="close"></uni-icons>
			</view>
			<view class="text"> 为了保障用工双方的安全，平台保证将信息只用于记录 </view>
			<view class="btn" @click="onreal"> 只需要一步，马上发单 </view>
		</uni-popup>
	</view>
</template>
<script>
	export default ({
		data() {
			return {}
		},
		methods: {
			close() {
				this.$refs.popup.close()
			},
			open() {
				// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
				this.$refs.popup.open('bottom')
			},
			onreal() {
				uni.navigateTo({
					url: '/pages/real-name/real-name'
				})
			},
		},
	})
</script>
<style lang="scss" scoped>
	.realName {
		overflow: hidden;
		z-index: 999999;
		position: fixed;

		.popOne {}

		.title {
			height: 136rpx;
			border-radius: 24rpx 24rpx 0rpx 0rpx;
			opacity: 1;
			font-size: 36rpx;
			font-family: PingFang SC-Heavy, PingFang SC;
			background: #fff !important;
			font-weight: 800;
			color: #262626;
			display: flex;
			align-items: center;

			view:first-child {
				margin-left: 304rpx;
			}

			.icon {
				margin: 0 44rpx 0 auto;
			}
		}

		.text {
			font-size: 28rpx;
			font-weight: 400;
			color: #262626;
			text-align: center;
			margin: 36rpx 0 90rpx;
		}

		.btn {
			width: 694rpx;
			height: 88rpx;
			background: #FCC928;
			box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(252, 201, 40, 0.4);
			border-radius: 12rpx;
			opacity: 1;
			font-size: 36rpx;
			font-weight: bold;
			color: #333333;
			text-align: center;
			line-height: 88rpx;
			margin: 0 auto 76rpx;
		}
	}
</style>